{% extends "base.html" %}
{% block left_content %}
<!--leftmenu左侧菜单栏-->
<div id="left_menu">
    <div>
        <div class="menu_head"><span class="glyphicon glyphicon-user"> </span> 用户 <span class="caret"> </span></div>
        <ul class="menu_item">
            <a href="user.html"><li><span class="glyphicon glyphicon-stats"> </span> 用户列表</li></a>
        </ul>
    </div>
</div>
<script type="text/javascript">
    //左侧下拉菜单
    $(".menu_head").click(function(){
        if($(this).next().css("display")=='none'){
            $(this).next().show();
        }else{
            $(this).next().hide();
        }
    });
</script>
{% endblock %}
{% block right_content %}
<div id="right_menu">
    <div>

        <form class="form-inline" style="float: right">
            <div class="form-group">
                <label class="sr-only" for="search">Search</label>
                <input type="search" class="form-control" id="search" placeholder="Search">
            </div>
            <button type="submit" class="btn btn-primary">查询</button>
        </form>
    </div>
    <table id="example" style="table-layout:fixed;"  class="table table-bordered table-hover">
        <thead>
        <td class="col">编号</td>
        <td class="col">用户名</td>
        <td class="col">用户全名</td>
        <td class="col">邮箱</td>
        <td class="col">用户角色</td>
        </thead>
        <tr>
            <td class="col">1</td>
            <td class="col">wyb</td>
            <td class="col">bing</td>
            <td class="col">123@126.com</td>
            <td class="col">admin</td>

        </tr>

    </table>
</div>
<script type="text/javascript">
		$('#example').dataTable();
    $("#add").click(function(){
        window.location.href="machine_add.html";
    });
</script>
{% endblock %}

